@import "alaune.css";
@import "activites.css";
@import "preparervotrevisite.css";
@import "lacollection.css";
@import "visitevirtuelle.css";
@import "Accueil_footer.css";
@import "accueil_phototheque.css";
@import "accueil_videotheque.css";
@import "actualiteshome.css";
@import "utiles.css";
@import "langues.css";
@import "header.css";
@import "cleaning.css";
@import "correcteur_code.css";
@import "query.css";


@import "menuhoriz.css";

.p404 {
    width: 217px;
    height: 43px;
    line-height: 39px;
    background: transparent url("../../../PublishingImages/bg/404.png") no-repeat scroll 0% 0%;
    padding-left: 68px;
    padding-right: 9px;
}
.p404 a {
   
	color:#FFF !important;
	font-size:16px !important;
	color:#FFF;
	font-family: "Raleway",sans-serif !important;

}
.p404 a :hover{   
	color:#FFF !important;
	font-size:16px !important;
	color:#FFF;
	font-family: "Raleway",sans-serif !important;

}
.text404
{
   
	
	font-size:22px !important;	
	font-family: "Raleway",sans-serif !important;
	color:#3c3c3c;
	font-weight:bold;

}
#html5-lightbox-overlay
{
background-color: #000;
opacity: 0.5;
}

body
{
overflow:auto;
}
.musee {
   
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    background:url(../../../PublishingImages/bg/bg_body_accueil.png) !important;	
	background-repeat:no-repeat !important;
	background-position:top center !important;
	background-color:#e4e4e4 !important;
	overflow: auto;


}

.center {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.center-content  {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1000px;

}

.center-zone1 {
    display: inline;
    float: left;
    margin-top: 20px;
    width: 1000px;
	margin-bottom: 25px;
}

.center-zone2 {
    display: inline;
    float: left;
    width: 1000px;
    margin-bottom: 25px;
}
.center-zone3 {
    display: inline;
    float: left;
    margin-bottom: 0px;
    width: 1000px;
	margin-bottom: 25px;
}

.center-zone4 {
    display: inline;
    float: left;
    margin-top: 0px;
    width: 1000px;
	margin-bottom: 35px;
}



@media only screen and (max-width: 768px) {

.center-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	width:100%;
  
}
.center-zone1 {    
    width: 100% !important;
}

.center-zone2 {
    width: 100% !important;
}
.center-zone3 {
    width: 100% !important;

}

.center-zone4 {
    width: 100% !important;

}


}